<template>
    <childVue v-for="(item,index) in Treelist" :options="item" :level="0" />
</template>
<script setup>
import { ref } from 'vue';
import childVue from './child.vue';

const Treelist = ref([{
    title: 'A', children: [
        { title: 'A-A', children: [{ title: 'A-A-A', children: [] }, { title: 'A-A-B', children: [] }, { title: 'A-A-C', children: [] },] },
        { title: 'A-B', children: [{ title: 'A-B-A', children: [] }, { title: 'A-B-B', children: [] }, { title: 'A-B-C', children: [] },] },
        { title: 'A-C', children: [{ title: 'A-C-A', children: [] }, { title: 'A-C-B', children: [] }, { title: 'A-C-C', children: [] },] },
    ]
}, {
    title: 'B', children: [
        { title: 'B-A', children: [{ title: 'B-A-A', children: [] }, { title: 'B-A-B', children: [] }, { title: 'B-A-C', children: [] },] },
        { title: 'B-B', children: [{ title: 'B-B-A', children: [] }, { title: 'B-B-B', children: [] }, { title: 'B-B-C', children: [] },] },
        { title: 'B-C', children: [{ title: 'B-C-A', children: [] }, { title: 'B-C-B', children: [] }, { title: 'B-C-C', children: [] },] }
    ]
}]);



</script>

<style lang="less" scoped>

</style>